<!-- BEGIN: SLIDERBOX -->
									<div class="product-img-box float-left">
										<link rel="stylesheet" href="public/pc/fancybox/fancybox.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
										<script src="public/pc/fancybox/fancybox.js"></script>
										<link rel="stylesheet" href="public/pc/jqzoom/jqzoom.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
										<script src="public/pc/jqzoom/jquery.elevateZoom-2.5.5.min.js"></script>
										<script type="text/javascript" charset="utf-8">
											$(function (){
												//initiate the plugin and pass the id of the div containing gallery images
												$("#zoom-img").elevateZoom(
													{
														gallery:'gallery_01', 
														cursor: 'pointer', 
														galleryActiveClass: 'active',
														zoomWindowWidth: 480,
														zoomWindowHeight: 410,
														zoomWindowOffetx: 40,
														zoomWindowOffety: -5,
														lensFadeIn: true,
														lensFadeOut: true,
														zoomWindowFadeIn: true,
														zoomWindowFadeOut: true,
														lensSize: 200
													}
													); 
												
												//pass the images to Fancybox
												$("#zoom-img").bind("click", function(e) {  
												  var ez =   $('#zoom-img').data('elevateZoom');	
													$.fancybox(ez.getGalleryList());
												  return false;
												});
											})
										</script>
										<div class="zoom-slide-wraper">
											<div class="lager-img-box">
												<div class="img-box">
													<!-- BEGIN: IMAGE -->
													<img id="zoom-img" src="{IMAGE.ImageLink}" data-zoom-image="{IMAGE.ImageLink}" alt="{IMAGE.MetaKeyword}"/>
													<!-- END: IMAGE -->
												</div>
											</div>
											<div class="thumbnai-img-box" id="gallery_01">
												<!-- BEGIN: ITEM -->
												<a href="#" data-image="{ITEM.ImageLink}" data-zoom-image="{ITEM.ImageLink}">
													<img id="zoom-img" src="{ITEM.ImageLink}" alt="{IMAGE.ImageAlt}"/>
												</a>
			                					<!-- END: ITEM -->
											</div>
										</div>
									</div>
<!-- END: SLIDERBOX -->